<template>
  <div>
    <TotalCount />
    <div style="margin-bottom: 10px">
      <el-row :gutter="10">
        <el-col :span="9">
          <el-card>
            <DataViewOne></DataViewOne>
          </el-card>
        </el-col>
        <el-col :span="15">
          <el-card>
            <DataViewTwo></DataViewTwo>
          </el-card>
        </el-col>
      </el-row>
    </div>
    <el-row :gutter="10">
      <el-col :span="9">
        <el-card>
          <DataViewThree></DataViewThree>
        </el-card>
      </el-col>
      <el-col :span="9">
        <el-card>
          <DataViewFour></DataViewFour>
        </el-card>
      </el-col>
      <el-col :span="6">
        <el-card>
          <Other></Other>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import DataViewOne from './thecard/DataViewOne.vue'
import DataViewTwo from './thecard/DataViewTwo.vue'
import DataViewThree from './thecard/DataViewThree.vue'
import DataViewFour from './thecard/DataViewFour.vue'
import Other from './thecard/Other.vue'
import TotalCount from '@/components/Home/TotalCount.vue'
export default {
  name: 'PersonalHomePage',
  meta: {
    title: '数据概览'
  },
  components: {
    DataViewOne,
    DataViewTwo,
    DataViewThree,
    DataViewFour,
    Other,
    TotalCount
  }
}
</script>

<style lang="less" scoped>
</style>